<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/main-nosidebar.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- Código del Icono -->			
<link href="images/logo.ico" type="image/x-icon" rel="shortcut icon" />				
<!-- InstanceBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- InstanceEndEditable -->
<link href="styles/tesis.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="scripts/jquery.min.js"></script>

<!-- start jquery ui -->
<link href="scripts/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="scripts/jquery-ui.min.js"></script>
<script type="text/javascript" src="scripts/error_list.js"></script>
<script src="scripts/gen_validate.js" type="text/javascript"></script>
<!-- end jquery ui -->
<script type="text/javascript">
$(document).ready(function() {
   
    $("#tabs").tabs();
  });
function showLogin()
{
$(".loginbox").slideToggle("slow");
}

//datepicker

	$(function() {
		$( ".datepicker" ).datepicker({
			showOn: "button",
			buttonImage: "images/calendar.gif",
			buttonImageOnly: true
		});
	});

</script>

<!-- Script Accordeon Menu -->
<script type="text/javascript" src="scripts/ddaccordion.js"></script>
<script type="text/javascript">


ddaccordion.init({ //top level headers initialization
	headerclass: "expandable", //Shared CSS class name of headers group that are expandable
	contentclass: "categoryitems", //Shared CSS class name of contents group
	revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
	mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
	collapseprev: true, //Collapse previous content (so only one open at any time)? true/false 
	defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc]. [] denotes no content
	onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
	animatedefault: false, //Should contents open by default be animated into view?
	persiststate: true, //persist state of opened contents within browser session?
	toggleclass: ["", "openheader"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
	togglehtml: ["prefix", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
	animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
	oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
		//do nothing
	},
	onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
		//do nothing
	}
})

ddaccordion.init({ //2nd level headers initialization
	headerclass: "subexpandable", //Shared CSS class name of sub headers group that are expandable
	contentclass: "subcategoryitems", //Shared CSS class name of sub contents group
	revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click" or "mouseover
	mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
	collapseprev: true, //Collapse previous content (so only one open at any time)? true/false 
	defaultexpanded: [], //index of content(s) open by default [index1, index2, etc]. [] denotes no content
	onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
	animatedefault: false, //Should contents open by default be animated into view?
	persiststate: true, //persist state of opened contents within browser session?
	toggleclass: ["opensubheader", "closedsubheader"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
	togglehtml: ["none", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
	animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
	oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
		//do nothing
	},
	onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
		//do nothing
	}
})


</script>

<!-- Script Accordeon Menu -->
<style type="text/css">
<!--
.Estilo1 {
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
}
.Estilo5 {font-style: italic; font-size: 12px;}
.Estilo6 {color: #FF0000}
.Estilo7 {font-size: 14px}
.Estilo8 {font-size: 16px}
.Estilo9 {
	font-weight: bold;
	font-size: 14px;
} 
.Estilo12 {font-size: 11px}
-->
</style>

<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>

<body class="no-sidebar">

<div class="container">
  <div class="header"><!-- #BeginLibraryItem "/Library/loginbox.lbi" -->
    <div class="loginButton login"><a onclick="showLogin()" href="javascript:;">Login</a></div>
    <div class="logoutButton logout" style="display:none"><a onclick="javascript:logout('../lib/logoff.php')" href="javascript:;">Bienvenido <?php if(isset($_SESSION['USU_NAME'])){ echo $_SESSION['USU_NAME'];} ?> <br /> Logout</a></div> 
<div class="loginbox">
    <form id="frm_login" name="frm_login" method="post" action="">
      <p>
        <label for="log_username">Usuario: </label>
        <input name="log_username" type="text" class="input-width" id="log_username" />
      </p>
      <p>
        <label for="log_password">Password: </label>
        <input name="log_password" type="password" class="input-width" id="log_password" /><span class="submit"><a href="javascript:validarIngresoInd('../lib/validarUsuario.php');">&nbsp;</a> </span>
      </p>
    </form>
  </div><!-- end .loginbox--><!-- #EndLibraryItem --><!-- #BeginLibraryItem "/Library/logo.lbi" --><a href="#"><img src="images/logo2.jpg" alt="Insert Logo Here" name="Insert_logo" width="180" height="90" id="Insert_logo" style="background: #f7d10e; display:block;" /></a><!-- #EndLibraryItem --><!-- #BeginLibraryItem "/Library/navigation.lbi" --><div class="navigation">
      <ul class="nav">
        <li><a href="ofper/ofp_buscar.php">Ofertas de empleo</a></li> 
        <li><a href="Templates/cit_registrar2.php">Participa</a></li>
        <li><a href="Templates/index.php">Quienes Somos</a></li>
		  <li><a href="Templates/index.php">Inicio</a></li>
      </ul>
    </div><!-- #EndLibraryItem --><!-- end .header --></div>
  <div class="content"><!-- InstanceBeginEditable name="contenido" -->
    <h2>Quienes somos</h2>
  <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed consequat   nisl ut sapien aliquet porta. Pellentesque lectus libero, ultrices eget   tempus sit amet, elementum vel est. Duis luctus erat sed lacus tempus   euismod lacinia dui aliquam. Proin eleifend elementum justo, et viverra   justo hendrerit a. Nam feugiat vestibulum blandit. Aliquam sollicitudin   scelerisque ante sit amet tempus. Phasellus sit amet arcu at eros   imperdiet posuere in suscipit dui. Praesent ac quam lectus. Cras   ullamcorper arcu vitae tellus ultrices elementum porta libero dapibus.   Aenean malesuada pretium lorem vel congue. Aliquam vitae mi quam, eu   ullamcorper magna. Nunc imperdiet libero ac tellus fermentum ornare.   Curabitur lobortis feugiat justo in lobortis. Aliquam quis varius   ligula. </p>
  <p> In odio velit, suscipit ac aliquam et, malesuada sed velit. Mauris in   diam eros. Nam eros risus, bibendum sit amet laoreet quis, adipiscing   sit amet mi. Ut interdum purus nec purus auctor nec vehicula urna   mollis. Aenean ac dolor lacus, non sollicitudin justo. Praesent   convallis, velit vitae vestibulum pharetra, arcu erat congue diam, sed   dapibus odio purus ut ante. Nunc sollicitudin porta pharetra. Aliquam eu   ipsum id nisi vehicula tempus. Morbi consectetur eros ut odio egestas   elementum. Sed leo nunc, porttitor eu gravida vitae, varius tristique   magna. Class aptent taciti sociosqu ad litora torquent per conubia   nostra, per inceptos himenaeos. Suspendisse potenti. </p>
  <p> Morbi volutpat, nibh sit amet facilisis adipiscing, libero tellus   fermentum lacus, ut faucibus neque mauris condimentum nisl. Cum sociis   natoque penatibus et magnis dis parturient montes, nascetur ridiculus   mus. Fusce lobortis porta mauris sit amet tempor. Mauris quis nisl   mattis quam viverra consectetur. Aliquam molestie tempor risus a semper.   Proin ultrices nibh sit amet nisl ullamcorper sit amet volutpat enim   semper. Fusce tempor, arcu sed cursus aliquam, magna est laoreet neque,   ac rhoncus libero risus ac ligula. Etiam eget mi ac lacus congue   dignissim non in augue. Cras ac odio sollicitudin elit adipiscing   tincidunt eget eget justo. Cras libero odio, semper ac cursus in, auctor   congue eros. Nam in erat quam, id imperdiet nibh. Fusce facilisis   fermentum fringilla. </p>
  <p>&nbsp;</p>
<!-- InstanceEndEditable --><!-- end .content -->  </div><!-- #BeginLibraryItem "/Library/footer.lbi" --><div class="footer">
       <p>Derechos Reservados copyright ©</p> 
    <!-- end .footer --></div><!-- #EndLibraryItem --><!-- end .container --></div>
	</body>
<!-- InstanceEnd --></html>
